<link rel="stylesheet" href="/libs/layui/css/layui.css" media="all">
<script src="/libs/layui/layui.all.js"></script>
<script src="/libs/H-ui.2.1/Lib/handlebars.js"></script>
<div style="padding :0 10px 0 10px">
    <div style="padding :10px">
        <span style="">企业名称</span>
        <input id="q_companyName" style="height: 24px"/>
        <input type="button" class="layui-btn layui-btn-xs" onclick="reload()" value="查 询" style="height: 30px;width: 60px"/>
        <input type="button" class="layui-btn layui-btn-xs" onclick="addXmk()" value="新增项目库" style="height: 30px;width: 80px"/>
    </div>
    <div>
        <table class="layui-hide" id="companySelect" lay-filter="companySelect"></table>
    </div>
</div>
<script type="text/html" id="companySelectBar">
    <a class="layui-btn layui-btn-xs" lay-event="select">选择</a>
</script>
<script>
    parent.companySelectData = null;
    //执行一个 table 实例
    layui.table.render({
        elem: '#companySelect',
        height: 342,
        url: '/povertyMap/companySelect', //数据接口
        page: true, //开启分页
        cols: [[ //表头
            {field: 'company_name', title: '企业名称', width: 270},
            {field: 'legal_person', title: '企业法人', width: 100},
            {title: '操作', width: 80, align: 'center', toolbar: '#companySelectBar'}
        ]]
    });

    layui.table.on('tool(companySelect)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if (layEvent === 'select') { //查看
            parent.companySelectData = data;
            parent.layer.close(parent.companySelectDlg);
        }
    });

    function reload() {
        layui.table.reload('companySelect', {
            url: '/povertyMap/companySelect',
            where: {
                companyName: document.getElementById("q_companyName").value
            } //设定异步数据接口的额外参数
        });
    }

    function addXmk() {
        layui.jquery.get("/templates/projectLibraryEdit_JH.hbs", function (str) {
            var template = Handlebars.compile(str);
            parent.layer.open({
                type: 1,
                title: '项目库信息',
                content: template({}),
                area: ['1024px', '600px'],
                maxmin: true,
                btn: ['关闭'],
                end: function () {
                    reload();
                }
            });
        });
    }
</script>